<template>
    <div class="c-info c-first">
        <div class="c-first-item">
            <c-title>
                大赛介绍
            </c-title>
            <div class="c-first-one-text">
                <div class="one-text-title">
                    1.大赛宗旨
                </div>
                <div class="one-text-content">
                    济南市第一届“国学达人”挑战赛以弘扬中华民族传统文化、提升青少年传统文化涵养、增强青少年文化自信为理念，使其成为全市青少年学习、展示、交流国学知识的黄金舞台，传播优秀传统文化的绝佳平台，从而激发青少年及社会各界更加关注国学、热爱国学、学习国学。
                </div>
            </div>
            <div class="c-first-one-text">
                <div class="one-text-title">
                    2.参与对象
                </div>
                <div class="one-text-content">
                    活动分为小学组、初中组、高中组和大学组。参加对象为全市各大、中、小学校在校学生。其中，小学组1-2年级学生为自愿参与，以3-6年级学生为参赛主体；中学阶段以非毕业班学生为参赛主体；中等职业学校学生可参加高中组活动；大学组以本科生和研究生为参赛主体。
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import { cTitle } from '../../../components/main';
    export default {
        name:'info',

        components:{
            cTitle
        },
    }
</script>

<style lang="less" scoped rel="stylesheet/less" type="text/css">
    @import "../../../plugins/assets/css/flex.less";

    .c-first{
        width: 50%;
        margin: 50px auto;
        &-item {
            margin-bottom:50px;
            .c-first-title{
                text-align: center;
                font-weight:bold;
                font-size:30px;
            }
            .c-first-one-text {
                margin: 20px 0;
                .one-text-title {
                    font-size:24px;
                    font-weight:bold;
                    text-align: center;
                    margin: 20px;
                }
                .one-text-content{
                    font-size:18px;
                    font-weight:bold;
                    line-height:28px;
                }
            }
        }
    }

    @media screen and (max-width: 768px) {
        .c-first{
            width: 90%;
            margin: 50px auto;
            &-item {
                margin-bottom:50px;
                .c-first-title{
                    text-align: center;
                    font-weight:bold;
                    font-size:5vw;
                }
                .c-first-one-text {
                    margin: 20px 0;
                    .one-text-title {
                        font-size:3vw;
                        font-weight:bold;
                        text-align: center;
                        margin: 20px;
                    }
                    .one-text-content{
                        font-size:2vw;
                        font-weight:bold;
                        line-height:28px;
                    }
                }
            }
        }
    }
</style>